<template>
	<panel title="Choose the number of questions as you want." :has-body="false">
		<ul slot="other" class="list-group" >
			<button class="list-group-item" v-for="ele in problemNumbers"
				@click="selectProblemNumber(ele)">{{ ele }}</button>
		</ul>
	</panel>
</template>
<script>
	import Panel from 'components/Panel.vue'
	import { mapState, mapMutations } from 'vuex'
	
	export default {
		computed: {
			...mapState('pages/exam/new', [
	  			'problemNumbers',
	    	]),
		},
		methods: {
			...mapMutations('pages/exam/new', [
	    		'selectProblemNumber',
	    	]),
		},
		components: {
			Panel,
		},
	}
</script>